/*通用设置*/
.s-wb{
  width: 100%!important;
}

/*通用按钮*/
.s-btn{
  min-width: 100px;
}

/*去掉字体加粗*/
.s-font-normal{
  font-weight: normal;
}

/*灰色背景*/
.s-bg-gray{
  background: #f9f9f9;
}

/*灰色边框线*/
.s-border{
  border: 1px solid #eaeaea;
}

/*文字对齐方式*/
.s-text-c{
  text-align: center;
}
.s-text-l{
  text-align: left;
}
.s-text-r{
  text-align: right;
}

/*等分*/
.s-flex{
  display: flex;
}
.s-flex .s-flex-item {
  flex: 1;
}

/*上下居中对齐*/
.s-middle{
  vertical-align: middle;
  display: flex;
  align-items: center;
}

/*上下左右居中*/
.s-middleall{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/*文字超出隐藏*/
.s-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*鼠标默认手势*/
.s-cursor{
  cursor: pointer;
}

/*元素显示及隐藏*/
.s-display-block {
  display: block;
}
.s-display-inline-block {
  display: inline-block;
}
.s-display-none {
  display: none;
}

.el-image-viewer__close{
  color: #fff;
  background-color: #606266;
}
